// 行情
.market {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	// padding-bottom: 100rpx;
	background-color: #f5f5f5;

	// 大盘数据
	.market-info {
		flex:0 0 300rpx;
		overflow: hidden;
		width: auto;
		margin: 0 18rpx;
		height: 300rpx;
		background: #ffffff;
		border-radius: 34rpx;

		.scroll-list {
			overflow-x: auto;
			white-space: nowrap;
			display: flex;
			gap: 16rpx;
			height: 100%;
			margin: 0 22rpx;
			align-items: center;
			text-align: center;
			-webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */

			/* 隐藏滚动条（适用于大多数浏览器） */
			&::-webkit-scrollbar {
				display: none; /* Chrome/Safari/新版Edge */
			}

			.quotation {
				display: flex;
				flex-direction: column;
				align-items: center;
				box-sizing: border-box;
				width: 204rpx;
				height: 204rpx;
				padding: 0 10rpx;
				background: linear-gradient(180deg, #f3d3d3 0%, #fff8f8 100%);
				border-radius: 14rpx;

				//  跌
				&.plus {
					// background: #fff1e9;
					opacity: 0.9;
					background: #fdf7f7 !important;

					.num,
					.exponent {
						color: #2ba039;
					}
				}

				// 涨
				&.greenbg {
					background: linear-gradient(
						180deg,
						rgba(102, 189, 111, 0.5) 0%,
						rgba(237, 242, 235, 0.5) 100%
					);
				}

				.quotation-title {
					margin-top: 28rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 500;
					font-size: 32rpx;
					color: #212121;
					line-height: 44rpx;
					text-align: center;
					font-style: normal;
				}

				.num {
					margin-top: 10rpx;
					font-family: DINAlternate, DINAlternate;
					font-size: 36rpx;
					color: #fe3d4e;
					text-align: center;
					font-style: normal;
				}

				.exponent {
					margin-top: 10rpx;
					width: 100%;
					font-family: DINAlternate, DINAlternate;
					font-size: 28rpx;
					color: #fe3d4e;
					line-height: 32rpx;
					text-align: right;
					font-style: normal;
				}
			}
		}
	}

	// tabs
	.tabs {
		flex:0 0 70rpx;
		margin: 20rpx 0;
		width: 100%;
	}

	// list-con
	.list-con {
		overflow-y: auto;
		flex: 1;
		height: 0;
		margin: 0 18rpx 10rpx;
		background: #ffffff;
		border-radius: 34rpx;

		/* 隐藏滚动条（适用于大多数浏览器） */
		&::-webkit-scrollbar {
			display: none; /* Chrome/Safari/新版Edge */
		}
	}
}
